@charset "utf-8";
.header{width: 100%;box-sizing: border-box;text-align: center;position: relative;margin: 0 auto;z-index: 10;}
.header .main-w{width: 95.6%;}
.logo{display: inline-block;}
.logo img{display: block;max-height: 3.2vw;max-width: 25vw; position: absolute;top: 50%; left: 2.2%;
    transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);
}

.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:50px;float: right;text-align: center;padding-top: 17px;
    background-color: #eb6100;border-radius: 50%;box-sizing: border-box;}
.nav_xl_a span {opacity:1;  margin-left:0; width: 5px;border-radius: 50%; height:5px; background:#fff;display: inline-block;margin: 0 1.5vw;}
.nav_xl_a:before, .nav_xl_a:after { content:'';  background:#fff; width: 5px;border-radius: 50%; height:5px; background:#fff;display: inline-block;
    transition:.4s all ease;
}
.a1:before,.a1:after{left:10%; top:50%;position:absolute; width: 80%;border-radius: 0; height: 2px;}
.a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 span{display: none;}

.MenuList_f1{z-index: 11;text-align: center;display: inline-block;vertical-align: middle;}
.MenuList_f1 .stmenu h3{font-weight: normal;}
.MenuList_f1 .stmenu{display: inline-block;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;position: relative;}
.MenuList_f1 .drop{display: block;padding: 40px 1vw;position: relative;}
.MenuList_f1 .drop span{font-size: 16px;line-height: 30px;display: block;overflow:hidden;position: relative;
    text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
.MenuList_f1 .child{display: none;position: absolute;left: 50%;top: 110px;width: 160px; z-index: 2;background: rgba(255,255,255,0.8);
     transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);
     border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.MenuList_f1 .child span{height: auto;font-size: 14px;color: #333;padding: 5px 1vw;line-height: 28px;display: block;}

.TR{right: 2.2%;position: absolute;top: 40px;}
.TR .tel,.TR .lang{display: block;float: left;padding: 7px 11px;box-sizing: border-box;}
.TR .tel p,.TR .lang .lan{height:1.5em;line-height: 1.5; padding-left: 30px;background: url(../images/i1-2.png) left center no-repeat;
    background-size: auto 100%;
}
.TR .tel p{background-image: url(../images/i1-1.png);}
.TR .lang{border: 1px solid #e5e5e5;border-radius: 5px;position: relative;padding-right: 25px;}
.TR .lang .lan:after{content: "";display: block; width: 0;height:0;border-left:5px solid transparent;position: absolute;top: 14px;right: 9px;
border-right: 4px solid transparent;border-top: 4px solid #8c8c8c; }
.TR .lang .sllist{display: none;overflow: hidden;position: absolute;top: 31px;left: 50%;width: 100%;overflow: hidden; border-radius: 4px;
   transform: translate(-50% , 0);-ms-transform: translate(-50% , 0);-webkit-transform: translate(-50% , 0);z-index: 2;
        border-top: 5px solid transparent;max-width: 100%;
}
.TR .lang .sllist a{color: #333;display: block;font-size: 14px;line-height: 40px;text-align: center;background: rgba(255,255,255,0.9);
    -webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.footer{box-sizing: border-box;background: #2c95e4;padding-top: 5.2vw;}
.footer .T .fl{width: 400px;text-align: left;}
.footer .slogo {text-align: left;}
.footer .slogo img{max-width: 100%;max-height: 4.3vw;}
.footer .ewm{width: 150px;margin-left: 2.6vw;}
.footer .txt{width: 375px;max-width: 100%;}
.footer .txt li{padding-left: 30px;position: relative;}
.footer .txt li+li{margin-top: 0.5vw;}
.footer .txt li i{position: absolute;left: 0;top: 0.3em;width: 1.2em;}
.footer .txt li i img{display: block;width: 100%;}
.footer .ewm img{display: block;width: 100%;}

.footer .link{padding-left: 5.2vw;box-sizing: border-box;}
.footer .link li{float: left;width: 33.3%;display: block;}
.footer .link1 li:last-child{display: none;}
.footer .link2 li{margin-right: 0.6vw;width: auto;}
.footer .link2 li:first-child{width: 100%;}
.footer .link2 li:first-child:before{display: none;}
.footer .link2 li:before{content: "|";margin-right: 0.6vw;}
/* .footer .link2 li:last-child:before{display: none;} */
.footer .link2 li:nth-child(2):before{display: none;}

.footer .copyright .fl{width: 600px;max-width: 100%;}
.footer .copyright .fr{width: 120px;max-width: 100%;}
.footer .copyright{box-sizing: border-box;padding: 10px 0;}
.footer .copyright p,.copyright a{color: #fff;display: inline-block;}
@media screen and (min-width: 1250px){
    .MenuList_f1 .child a:hover span{color:#eb6100;}
    .MenuList_f1 .stmenu:hover,.TR .lang .sllist a:hover{background-color:#eb6100;color: #fff;}
    .MenuList_f1 .menu .lang:hover span{background-color: #fff;background-image: url(../images/langh.png);color: #222;}
    .MenuList_f1 .menu .on{background: #eb6100;color: #fff;}
    .footer a:hover{color: #ffeb3b;}
}
@media screen and (max-width: 1550px){
    .MenuList_f1{padding-right: 2vw;}
}
@media screen and (max-width: 1440px){
    .MenuList_f1 .drop span{font-size: 14px;}
}
@media screen and (max-width: 1380px){
    .MenuList_f1{padding-right: 0;}
    .TR .tel{float: none;}
    .TR{top: 14px;}
    .TR .lang{float: right;}
}
@media screen and (max-width: 1125px){
    .header:after{display: none;}
    body{padding-top: 80px;}
    .logo img{max-height: 50px;max-width: 40vw;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;height: 80px;background: #fff;; box-shadow: 0px 2px 20px rgba(0,0,0,0.1);}
    .nav_xl_a{margin-top: 15px;display: block;padding-top: 22px;}
    .nav_xl_a span{margin: 0 0.5vw;}
    .nav_xl_a span,.nav_xl_a:before, .nav_xl_a:after{width: 7px;height: 7px;}
    .lag:before{display: none;}
    .stiky .MenuList_f1{display: block;}
    .TR{right: 100px;top: 20px;}
    .TR .tel, .TR .lang{float: left;}

    .a1:before,.a1:after{left:10%; top: 45%;position:absolute; width: 80%;border-radius: 3px;height: 5px;}
    .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
    .a1 span{display: none;}

    .MenuList_f1{display: none; width: 45%;height: calc(100% - 80px);position: fixed;right: 0;top: 80px;margin-right:0;padding: 2vw 4% 0 4%;
        box-sizing: border-box;bottom: 0;overflow-y: scroll;overflow-x: hidden; background: rgba(255,255,255,0.96);z-index: 5;text-align: left;
    }
    .MenuList_f1 .child{background: #eb6100;position: static;-webkit-transform: none;width: 100%;border-radius: 0;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}
    .MenuList_f1 .child li{float: left; width: 50%; margin-right: 0;background: none;text-align: center;box-sizing:border-box;padding: 0 2vw;}
    .MenuList_f1 .child span{padding: 10px 0;color: #fff;line-height: 1.5;height:auto;}
    .MenuList_f1 .child:after{content: "";display: block;clear: both;}

    .MenuList_f1 .stmenu{display: block;padding: 0;border-bottom: 1px solid #efefef;width: 100%;position: relative;}
    .MenuList_f1 .drop{padding: 0;}
    .MenuList_f1 .drop span{font-size: 18px;padding: 10px 0;position: relative;height: auto;line-height: 1.5;color: #444;}
    .MenuList_f1 .fa .drop span:after{content: '';display: block;width: 7px;height: 7px;z-index: 0;
        position: absolute;right: 7px;top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border-right: 2px solid #666;
        border-top: 2px solid #666;
        transition: 0.5s ease 0s;
    } 
    .MenuList_f1 .on .drop span{background: none;color: #eb6100;}

    .copyright{line-height: 1.5;}
    .footer{padding-top: 60px;}
    .footer .slogo.fl{display: none;}
    .footer .txt{float: left;}
}
@media screen and (max-width: 640px){
    body{padding-top: 14vw;}
    .header{height: 14vw;box-shadow: 0px 5px 5px rgba(0,0,0,0.1);}
    .MenuList_f1{top: 14vw;padding: 6vw 0;}
    .MenuList_f1 .drop{padding: 0;}
    .MenuList_f1 .drop span{font-size: 4.2vw;padding: 1vw 0;line-height: 1.8;}
    .nav_xl_a{width: 10vw;height: 10vw;margin-top: 2vw;padding-top: 4.5vw;}
    .logo img{max-height: 8vw;max-width: 65vw;}
    .nav_xl_a span{margin: 0 1.3vw;}
    .nav_xl_a span,.nav_xl_a:before, .nav_xl_a:after{width: 1.5vw;height: 1.5vw;}
    .a1:before,.a1:after{left:10%; top:50%;position:absolute; width: 80%;border-radius: 0; height: 3px;}
    .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
    .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
    .a1 span{display: none;}

    .MenuList_f1{top: 14vw;padding: 2vw 5% 0 5%;width: 100%;height: calc(100% - 14.6vw);}
    .MenuList_f1 .drop span{font-size: 4vw;padding: 2.5vw 0;}
    .MenuList_f1 .child span{font-size: 3.8vw;padding: 2vw 3vw;}
    .MenuList_f1.hide .stmenu{
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    .MenuList_f1.hide .stmenu:nth-child(2n+1) {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }


    .footer{padding-top: 20vw;}
    .footer .ewm{margin: 0 auto;width: 20.5vw;float: none;}
    .footer .txt li i{display: none;}
    .footer .txt{width: 100%;}
    .footer .txt li{padding-left: 0;text-align: center;}
    .footer .copyright .fl p{display: inline;}
    .footer .copyright .fl,.footer .copyright .fr{float: none;text-align: center;width: 100%;}
    .footer .slogo{text-align: center;}
    .footer .slogo img{height: auto;max-height: 10.6vw;}

    .TR .tel{display: none;}
    .TR{padding-top: 0;top: 3vw;right: 16vw;}
    .TR .lang{padding: 0;height: 8vw;line-height: 8vw;border:none;}
    .TR .lang .lan{height: 8vw;line-height: 8vw;background-size: auto 100%;background-position: left center;    padding-left: 6vw;}
    .TR .lang .lan:after{display: none;}
}